@font-face {
    font-family: Trellicons Regular;
    src: url(/fonts/trellicons-regular.woff) format("woff"),
         url(/fonts/trellicons-regular.ttf) format("truetype"),
         url(/fonts/trellicons-regular.svg#trelliconsregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-lg,
.icon-sm {
    color: #a6a6a6;
    display: inline-block;
    font-family: Trellicons Regular;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none

    &.custom-image {
        text-indent: 100%;
        overflow: hidden

        img {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0
        }
    }
}

.icon-lg.dark,
.icon-sm.dark,
.icon-lg.dark-hover:hover,
.icon-sm.dark-hover:hover,
.dark-hover:hover .icon-lg,
.dark-hover:hover .icon-sm {
    color: #686868;
    text-decoration: none
}

.icon-lg.light,
.icon-sm.light,
.icon-lg.light-hover:hover,
.icon-sm.light-hover:hover,
.light-hover:hover .icon-lg,
.light-hover:hover .icon-sm {
    color: #fff;
    text-decoration: none
}

.icon-sm {
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    width: 18px
}

.icon-lg {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    width: 30px
}

.icon-org:before,
.icon-org-private:before {
    content: "\f000"
}

.icon-member:before {
    content: "\f001"
}

.icon-board:before {
    content: "\f002"
}

.icon-list:before {
    content: "\f003"
}

.icon-card:before {
    content: "\f004"
}

.icon-notification:before {
    content: "\f005"
}

.icon-trophy:before {
    content: "\f006"
}

.icon-rocket:before {
    content: "\f007"
}

.icon-cal:before {
    content: "\f039"
}

.icon-briefcase:before {
    content: "\f037"
}

.icon-briefcase-bc-color {
    color: #71838e
}

.icon-crown:before {
    content: "\f041"
}

.icon-crown.icon-color {
    color: #a89d24
}

.icon-comment:before {
    content: "\f008"
}

.icon-label:before {
    content: "\f009"
}

.icon-attachment:before {
    content: "\f010"
}

.icon-checklist:before {
    content: "\f011"
}

.icon-vote:before {
    content: "\f012"
}

.icon-clock:before {
    content: "\f013"
}

.icon-archive:before {
    content: "\f014"
}

.icon-activity:before {
    content: "\f015"
}

.icon-follow:before {
    content: "\f016"
}

.icon-kiwi:before {
    content: "\f017"
}

.icon-sticker:before {
    content: "\f040"
}

.icon-cover:before {
    content: "\f044"
}

.icon-gear:before {
    content: "\f018"
}

.icon-info:before {
    content: "\f019"
}

.icon-search:before {
    content: "\f020"
}

.icon-pin:before {
    content: "\f021"
}

.icon-camera:before {
    content: "\f038"
}

.icon-menu:before {
    content: "\f022"
}

.icon-close:before {
    content: "\f023"
}

.icon-leftarrow:before {
    content: "\f024"
}

.icon-rightarrow:before {
    content: "\f025"
}

.icon-add:before {
    content: "\f026"
}

.icon-remove:before {
    content: "\f027"
}

.icon-check:before {
    content: "\f028"
}

.icon-reopen:before {
    content: "\f029"
}

.icon-open:before {
    content: "\f045"
}

.icon-movedown:before,.icon-move:before {
    content: "\f030"
}

.icon-movedown {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-edit:before {
    content: "\f031"
}

.icon-desc:before {
    content: "\f046"
}

.icon-star:before {
    content: "\f042"
}

.icon-star-active {
    color: #e6bf00
}

.icon-filter:before {
    content: "\f043"
}

.icon-private:before {
    content: "\f032"
}

.icon-private {
    color: #990f0f
}

.dark-hover:hover .icon-private,
.icon-private.dark-hover:hover {
    color: #7d0c0c
}

.icon-org-private {
    color: #e6bf00
}

.dark-hover:hover .icon-org-private,
.icon-org-private.dark-hover:hover {
    color: #c7a600
}

.icon-public:before {
    content: "\f033"
}

.icon-public {
    color: #3d990f
}

.dark-hover:hover .icon-public,
.icon-public.dark-hover:hover {
    color: #327d0c
}

.icon-facebook:before {
    content: "\f034"
}

.icon-facebook-brand-color {
    color: #3b5998
}

.icon-google:before {
    content: "\f035"
}

.icon-google-brand-color {
    color: #e11a31
}

.icon-twitter:before {
    content: "\f036"
}

.icon-twitter-brand-color {
    color: #00aced
}

.business-class-mark {
    background-repeat: no-repeat;
    display: block
}

.emoji {
    height: 18px;
    width: 18px;
    vertical-align: text-bottom
}
